<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <link rel="stylesheet" href="../CSS/common.css">
    <link rel="stylesheet" href="../CSS/top.css">
    <link rel="stylesheet" href="../CSS/botton.css">
    <link rel="stylesheet" href="../CSS/WoDe.css">
</head>

<body>
      <!-- 头部 -->
      <header>
        <span>我的</span>
    </header>
    <section class="warp">
        <img src="../img/gr.png" alt="">
        <div class="div-1">
            <div class="div-2"><img src="../img/tx.png" alt=""></div>
            <div class="div-3">
                <div>小米<span>Mi</span></div>
                <div>手机号：157451851</div>
            </div>
        </div>
    </section>
    <section class="warp-1">
        
        <a href="./XinXi.html">
            <div class="div-1">
                <p>
                    <span><img src="../img/dui.png" alt="" class="img-1"></span> 
                    已实名
                </p>
                <img src="../img/smx.png" alt="" class="img-2">
            </div>
        </a>
        <a href="./DingDan.html">
            <div class="div-2">
                <p class="p">
                    我的订单
                </p>
                <p class="pp">
                    全部
                    <span><img src="../img/gerx.png" alt="" class="img-2"></span>
                </p>
            </div>
        </a>
        <div class="div-3">
           <a href="./DaiZhiFu.html">
            <div class="div-4">
                <img src="../img/zhi.png" alt="">
                <p>待支付</p>
            </div>
           </a>
            <a href="./DaiShouHuo.html">
                <div class="div-4">
                    <img src="../img/shou.png" alt="">
                    <p>待收货</p>
                </div>
            </a>
           <a href="./DaiPingJia.html">
            <div class="div-4">
                <img src="../img/ping.png" alt="">
                <p>待评价</p>
            </div>
           </a>
           <a href="./DingDan.html">
            <div class="div-4">
                <img src="../img/wan.png" alt="">
                <p>已完成</p>
            </div>
           </a>
        </div>
        <a href="./ShouHuo.html">
        <div class="div-2">
            <p class="p">
              收货地址
            </p>
            <p class="pp">
                <span><img src="../img/gerx.png" alt="" class="img-2"></span>
            </p>
        </div>
    </a>
        <div class="div-2">
            <p class="p">
                联系客服
            </p>
            <p class="pp">
                <span><img src="../img/gerx.png" alt="" class="img-2"></span>
            </p>
        </div>
    </section>
     <!-- 底部导航 -->
     <footer class="footer">
        <a href="./home.html" class="footer-2">
            <img src="../img/sy1.png" alt="">
            首页
        </a>
        <a href="./FenLei.html" class="footer-2">
            <img src="../img/fl.png" alt="">
            分类
        </a>
        <a href="./GouWu.html" class="footer-2">
            <img src="../img/guc.png" alt="">
            购物车
        </a>
        <a href="#" class="footer-2">
            <img src="../img/wd-2.png" alt="">
            我的
        </a>

    </footer>
    <script src="../jS/flexible.js"></script>
    </script>
</body>

</html>